@mixin button-icon-template {
  margin: -$i-space-x3;
  padding: $i-space-x3;
  border: none;
  border-radius: 200rem;
  color: $gray-600;
  display: flex;
  align-items: center;
  justify-content: center;

  &.dropdown-avatar {
    padding: 0;
  }
}


@mixin button-icon-disabled-template {
  color: $gray-500;
  background-color: transparent !important;
  opacity: 0.5;
}

@mixin button-icon-svg-default-template {
  @media (max-width: map_get($grid-breakpoints, sm)) {
    border-width: 0;
    svg {
      margin-right: 0;
      margin-left: 0;
    }
  }
}
